<template id="index">
    <div>
        <el-container style="height: 690px; border: 1px solid #eee;overflow: hidden">
      <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
        <el-row style="height: 60px">
          <h4>后台系统管理</h4>
        </el-row>
        <el-menu router  :default-active="this.$router.path" :default-openeds="[]">

            <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>会员管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/index/archives">会员档案</el-menu-item>
          <el-menu-item index="/index/phy">体验上传</el-menu-item>
          <el-menu-item index="/index/hytj">会员统计</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
  
      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>预约管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="/index/make">预约列表</el-menu-item>
          <el-menu-item index="/index/date">预约设置</el-menu-item>
          <el-menu-item index="/index/meal">套餐管理</el-menu-item>
          <el-menu-item index="/index/che">检查项管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>健康估计</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="3-1">体质测评</el-menu-item>
          <el-menu-item index="3-2">心理测评</el-menu-item>
          <el-menu-item index="3-3">风险评估</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
   
      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>健康干预</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="4-1">人群分类</el-menu-item>
          <el-menu-item index="4-2">干预方案</el-menu-item>
          <el-menu-item index="4-3">随访日记</el-menu-item>
          <el-menu-item index="4-4">指标管理</el-menu-item>
          <el-menu-item index="4-5">模板管理</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

   
      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>知识库</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="5-1">评估建议</el-menu-item>
          <el-menu-item index="5-2">健康方案</el-menu-item>
          <el-menu-item index="/index/motion">运动项目库</el-menu-item>
          <el-menu-item index="/index/food">膳食库</el-menu-item>
          <el-menu-item index="/index/jb">疾病库</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    
      <el-submenu index="6">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>统计分析</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="6-1">工作量统计</el-menu-item>
        </el-menu-item-group>
      </el-submenu>

   
      <el-submenu index="7">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>系统设置</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="7-1">菜单设置</el-menu-item>
          <el-menu-item index="/index/a">权限设置</el-menu-item>
          <el-menu-item index="/index/users">用户设置</el-menu-item>
          <el-menu-item index="7-4">题库设置</el-menu-item>
          <el-menu-item index="7-5">问卷设置</el-menu-item>
        </el-menu-item-group>
      </el-submenu>
        </el-menu>
      </el-aside>


      <el-container>
        <el-header  style="text-align: right; background-color: rgb(238, 241, 246); font-size: 12px"> 
          <el-dropdown>
            <el-avatar   style="height: 60px;width: 60px;display: inline-block;margin: 0 10px">
              <img :src=" user.userimg" id="img" alt="">
            </el-avatar>
          <span  style="display: inline-block;height: 60px;float: right;font-weight: 700;font-size: 14px"></span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>
                修改信息
              </el-dropdown-item>
              <el-dropdown-item>
               修改密码
              </el-dropdown-item>
              <el-dropdown-item>
                <a href="#" @click="out()">退出</a>
              </el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </el-header>

        <el-main>
          <router-view></router-view>
        </el-main>
      
      </el-container>
    </el-container>
    <el-footer style="height: 65px">&copy;Designed by Pegnet &target;2022</el-footer>

    </div>
	
</template>

<script>

export default {
        data(){
            return{
              user:{}
            }
    },
    methods: {
      out(){
        sessionStorage.removeItem("user");
        setTimeout(()=>{
                  this.$router.push("/login")
                },1000)
      }
    },
    created () {
     let u= JSON.parse( sessionStorage.getItem("user"))
     this.user=u
    this.user.userimg="/tomcat/userImg/"+u.userimg
    }
	}
</script>

<style>
   
</style>